<html> 
<head> 
<meta charset="utf-8"> 
<title>fbric</title>
<script src="js/fabric.min.js"></script>
<script src="js/snakeTime.js"></script>
<style>
html,body{
	width:100%;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
</style>
</head> 
<body> 
<canvas id="canvas"></canvas>
<script>
const width = document.body.clientWidth;
const height = document.body.clientHeight;
const nodes = [
	{id:1,name:"我的"},
	{id:2,name:"你的"},
	{id:3,name:"他的"},
	{id:4,name:"它的"},
	{id:5,name:"它的"},
	{id:6,name:"它的"},
	{id:7,name:"它的"},
	{id:8,name:"它的"},
	{id:9,name:"它的"},
	{id:10,name:"它的"},
	{id:11,name:"它的"},
	{id:12,name:"我的"},
	{id:13,name:"你的"},
	{id:14,name:"他的"},
	{id:15,name:"它的"},
	{id:16,name:"它的"},
	{id:17,name:"它的"},
	{id:18,name:"它的"},
	{id:19,name:"它的"},
	{id:20,name:"它的"},
	{id:21,name:"它的"},
	{id:22,name:"我的"},
	{id:23,name:"你的"},
	{id:24,name:"他的"},
	{id:25,name:"它的"},
	{id:26,name:"它的"},
	{id:27,name:"它的"},
	{id:28,name:"它的"},
	{id:29,name:"它的"},
	{id:30,name:"它的"},
	{id:31,name:"它的"},
	{id:32,name:"它的"},
];
const data = {
	canvasId:"canvas",
	width,
	height,
	nodes,
};
new SnakeTime(data).init();
</script>
</body> 
</html>